<template>
  <div class="nav">
    <div class="nav_title">农产品系统{{port}}端</div>
    <div class="nav_button">
      <img src="../../assets/imgs/exit.png" title="退出登录" @click="exitLogin"/>
    </div>
  </div>
</template>

<script setup>
import {useRouter} from 'vue-router'
const router = useRouter()
const port = ''
const exitLogin = () => {
  router.push({
    path: '/login'
  })
}
</script>

<style scoped>
.nav{
  width: 100%;
  height: 100%;
  background-color: #42b983;
  display: flex;
  justify-content: space-between;
}

.nav_button{
  height: 100%;
  font-size: 10px;
}

.nav_button img{
  height: 100%;
  margin-top: 10%;
  cursor: pointer;
}

.nav_title{
  text-align: left;
  color: #eeeeee;
  font-size: 20px;
  line-height: 60px;
}
</style>
